import Vue from 'vue'
import App from './App.vue'
import VueRuter from 'vue-router'
import Home from './components/Home.vue'
import Fenlei from './components/Fenlei.vue'
import Dingdan from './components/Dingdan.vue'
import My from './components/My.vue'
import Home2 from './components/Home2.vue'
import News from './components/News.vue'
import Sports from './components/Sports.vue'
import Sportshome from './components/child/Sportshome.vue'
import Insports from './components/child/Insports.vue'
import Outsports from './components/child/Outsports.vue'
Vue.use(VueRuter)
const routes = [

  {
    path: '/home',
    component: Home
  },
  {
    path: '/fenlei',
    component: Fenlei
  },
  {
    path: '/dingdan',
    component: Dingdan
  },
  {
    path: '/my',
    component: My
  },
  {
    path: '/home2',
    component: Home2
  },
  {
    path: '/news',
    component: News
  },
  {
    path: '/sports',
    component: Sports,
    children: [
      {
        path: 'sportshome',
        component: Sportshome
      },
      {
        path: 'insports',
        component: Insports
      },
      {
        path: 'outsports',
        component: Outsports
      }
    ]

  },
]
const router = new VueRuter({
  routes,
})

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
